<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        * {
        	margin: 0;
        	padding: 0;
        }
			div:first-child {
				width: 200px;
				height: 200px;
				background-color: red;
				margin-bottom: 20px;
			}
			
			div.rr {
				/* border: 1px solid #000; */
				width: 200px;
				height: 300px;
				background-color: #000;
				overflow: hidden;
				/* margin-top: 20px; */
			}
			div.rr p {
				width: 100px;
				height: 100px;
				background-color: blue;
				margin-top: 50px;
				margin-bottom: 10px;

			}
			.over {
					overflow: hidden;
			}
			div.rr h3 {
				width: 100px;
				height: 100px;
				background-color: red;
				margin-top: 20px;
			}
        </style>
    </head>
    <body>
    <div>
    	
    </div>
    <div class="rr">
    	<p></p>
    	<div class="over">
    		<h3></h3>
    	</div>
    </div>
    </body>
</html>